<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="format-detection" content="telephone=no" />
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <title>泡泡侠---快速下单</title>
  <link rel="stylesheet" href="css/app.css">
  <script type="text/javascript">
        (function (doc, win) {
          var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
              var clientWidth = docEl.clientWidth;
              if (!clientWidth) return;
              docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            };
         
          if (!doc.addEventListener) return;
          win.addEventListener(resizeEvt, recalc, false);
          doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>

<body>
<section id="wrapper">
  
  
   
  <sectin id="ksxd_body"  pp_name="快速下单">
    <div class="ksxd_body">
      
      <div class="link">
        <div class="price">
          <a href="#">价目表</a>
          <span>服务热线：400-60-9934</span>
        </div>
        <div class="rule">
          <a href="#">服务条款
          <p>(我已认真阅读并同意该条款)</p>
          </a>
          <span>服务时间：09:00 - 22:00</span>
        </div>
      </div>
      <div class="box address">
          <div class="t">
            <div class="l"><span>吴先生</span></div>
            <div class="r"><span>15808751408</span></div>
          </div>
          <div class="m">
            <span>西山区  嵩明小区</span> 
            <div class="more"></div>
          </div>
          <div class="b">
            <span>取货地址</span>
            <div class="more">选择其他地址</div>
          </div>
      </div>
      <div class="box add">
        <span>添加地址</span>
      </div>
      <div class="box date">
        
        <div class="select_style"> 
            <select name="select"> 
                  <option selected>请选择服务日期</option> 
                  <option>2015-12-09</option> 
                  <option >2015-12-09</option> 
                  <option>2015-12-09</option> 
            </select> 
      </div> 
      </div>
      <div class="box time">
          <div class="select_style"> 
            <select name="select"> 
                  <option selected>请选择服务日期</option> 
                  <option>2015-12-09</option> 
                  <option >2015-12-09</option> 
                  <option>2015-12-09</option> 
            </select> 
      </div>
      </div>
      <p>订单金额不满10元的收取10元运费</p>
      <div class="clear"></div>

        <div class="btn ">
        <button>立即预约</button>
      </div>
       <p class="bottom">订单金额不满10元的收取10元运费</p>
      
    </div>
    
  </sectin>
  <section id="footer" pp_name="悬浮页脚">
    <div class="footer">
      <a href="#" class="l on"><span >洗衣</span></a>
      <a href="#" class="m "><span >订单</span></a>
      <a href="#" class="r "><span >个人</span></a>
    </div>
  </section>
</section>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper3.1.0.jquery.min.js"></script>
<script>


 
 
$(document).ready(function(){

$("#header .header_dd a").click(function(){
  if(!$(this).hasClass("on")){
      $(this).addClass("on");
      $(this).siblings().removeClass("on");
      var hide_box=$(".tab").eq($(this).index());
      $(hide_box).slideDown();
      $(hide_box).siblings().slideUp();
  }
});
        
         







});
</script>
</body>
</html>